/*weChat_banner*/
.weChat_banner {
      height: 500px;
    width: 100%;
     background:url("../img/common/wechatBan.png") no-repeat center center; 
    background-size: auto 100%;
    /* display: flex; */
    display: -moz-flex;
    display: -ms-flex;
}

.weChat_banner_img {
    width: 100%;
}

/*noInstall*/
.noInstall {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.weChat_noInstall_item {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: center;
    flex-direction: row;
    width: 30%;
    height: 1.2rem;
    background: rgba(255, 255, 255, 1);
    border: 0.01rem solid rgba(226, 226, 226, 1);
    border-radius: 0.08rem;
    margin-bottom: 0.79rem;
}

.weChat_left {
    /*width: 30%;*/
    border-radius: 0.06rem 0 0 0.06rem;
    height: auto;
}

.weChat_left img {
    width: 1.2rem;
    height: 100%;
}

.weChat_right {
    /*width: 60%;*/
    padding: 0 0.1rem;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: center;
    /*align-items: flex-start;*/
    flex-direction: column;
    width: 60%;
}

.weChat_right h3 {
    margin-bottom: 0.1rem;
    font-size: 0.18rem;
    font-family: MicrosoftYaHeiLight;
    /*font-weight:300;*/
    color: rgba(34, 34, 34, 1);
}

.weChat_right p {
    font-size: 0.14rem;
    color: rgba(102, 102, 102, 1);
    font-family: MicrosoftYaHeiLight;
    /*font-weight:300;*/
    line-height: 0.2rem;
}

/*weChat_applet*/
.weChat_applet_wrap {
    width: 100%;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    background: rgba(226, 248, 232, 1);
    height: 6.83rem;
    margin-bottom: 2.29rem;
}

.weChat_applet .weChatContent {
    height: 2.51rem;
    position: relative
}

.weChat_applet .weChatContent img {
    height: 5.79rem;
    /*position: absolute;*/
    /*top: 0;*/
}


/*weChat_industry*/
.weChat_industry_item {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
    width: 18%;
    padding: 0.32rem;
    border: 0.01rem solid rgba(229, 229, 229, 1);
    margin-bottom: 0.18rem;
}

.weChat_industry_item img {
    height: 0.6rem;
    width: 30%;
    margin:0 auto;
}

.industryHeader {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    /*align-items: center;*/
    justify-content: center;
}

.industryHeader p {
    text-align: center;
}

.industryHeader p:first-child {
    font-size: 0.18rem;
    font-family: MicrosoftYaHeiLight;
    /*font-weight:300;*/
    color: #333;
    margin: 0.3rem 0;
}

.industryHeader > p:last-child {
    font-size: 0.12rem;
    /*font-weight:400;*/
    line-height: 0.24rem;
    height: 1.2rem;
    color: #666;
}

.btn_industry {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 0.2rem;
    width: 100%;
}

.btn_industry p {
    font-size: 0.14rem;
    font-family: MicrosoftYaHeiLight;
    /*font-weight:300;*/
    padding: 0.1rem 0.10rem;
    text-align: center;
    cursor: pointer;
}

.btn_industry p:first-child {
    border: 1px solid #dddddd;
}

.btn_industry p:last-child {
    color: rgba(31, 78, 161, 1);
    border: 1px solid rgba(31, 78, 161, 1);
}

.btn_industry p:first-child a {
    color: #666;
}


/*weChat_case*/
.weChat_case {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: auto;
}

.weChat_case .weChat_caseItem {
    width: 30%;
    background: rgba(255, 255, 255, 1);
    margin-bottom: 0.41rem;
}

.weChat_case .weChat_caseItem:hover {
    box-shadow: 0px 0.04rem 0.1rem 0px rgba(0, 0, 0, 0.15);
    border-radius: 0.05rem;
    transform: scale(1.01);
}


.weChat_case .weChat_caseItem .weChat_caseImg {
    border-radius: 0.05rem;
    height: 2.18rem;
    width: 100%;
}

.weChat_case .weChat_caseItem .weChat_caseText {
    text-align: center;
    font-size: 0.16rem;
    /*font-weight: 300;*/
    color: rgba(51, 51, 51, 1);
    margin-top: -0.02rem;
    height: 0.5rem;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}


/*weChat common*/
.weChatHeader {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0.86rem;
}

.weChatHeader .weChatTitle {
    font-size: 0.4rem;
    color: rgba(34, 34, 34, 1);
    margin-bottom: 0.1rem;
    /*font-weight:400;*/

}

.weChatHeader .weChatSubTitle {
    font-size: 0.22rem;
    margin-bottom: 0.75rem;
    font-family: MicrosoftYaHeiLight;
    /*font-weight:300;*/
    color: rgba(102, 102, 102, 1)
}

.weChatContent {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    /*align-items: center;*/
    height: auto;
    width: 100%;
}


/*weChat_detail*/
.weChat_type {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: 0.8rem 0;
}

.weChat_type_header {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
}

.weChat_type_header.weChat_header_left {
    align-items: flex-start;
}

.weChat_type_header.weChat_header_right {

    align-items: flex-end;
}


.weChat_type_header h2 {
    font-size: 0.24rem;
    /*font-weight:400;*/
    color: rgba(51, 51, 51, 1);
}

.weChat_type_header p:nth-child(2) {
    font-size: 0.16rem;
    font-family: MicrosoftYaHeiLight;
    /*font-weight:300;*/
    color: rgba(102, 102, 102, 1);
    line-height: 0.24rem;
    margin: 0.18rem 0 0.3rem 0;
    width: 100%;
}

.weChat_type_header p:last-child {
    font-size: 0.16rem;
    /*font-weight: 400;*/
    color: rgba(31, 78, 161, 1);
    border: 0.01rem solid rgba(31, 78, 161, 1);
    padding: 0.09rem;
    /*width: 20%;*/
    text-align: center;
    cursor: pointer;
}


.weChat_type_func {
    width: 40%;
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.weChat_type_func h3 {
    font-size: 0.2rem;
    /*font-weight:400;*/
    color: rgba(102, 102, 102, 1);
    margin-bottom: 0.4rem;
}

.weChat_type_func_item {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.weChat_func_item {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    margin-bottom: 0.2rem;
}


.weChat_func_item img {
    width: 0.7rem;
    height: 0.7rem;
}

.weChat_func_item p {
    font-size: 0.14rem;
    font-family: MicrosoftYaHeiLight;
    /*font-weight:300;*/
    color: rgba(51, 51, 51, 1);
}

.wrap_bottom {
    display: flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 0.6rem;
    margin-top: 0.4rem;
}

.wrap_bottom p {
    font-size: 0.2rem;
    color: #666666;
    font-family: MicrosoftYaHeiLight;
    line-height: 0.4rem;
}

.wrap_bottom p:first-child {
    font-size: 0.3rem;
    color: #333333;
    line-height: 0.6rem;
}

.wrap_bottom p:last-child {
    border: 1px solid rgba(31, 78, 161, 1);
    font-size: 0.18rem;
    /*font-weight:400;*/
    color: rgba(31, 78, 161, 1);
    margin-top: 0.2rem;
    width: 2rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
}


@media screen and (max-width: 540px) {
    .weChat_banner {
        height: 2.3rem;  
        width: 100%;
        background:url("../img/common/ysylbanner.jpg") no-repeat center center; 
        background-size: auto 100%;
        /* display: flex; */
        display: -moz-flex;
        display: -ms-flex;

    }

    .weChat_banner img {
        width: 190%;
        height: 130%;
    }

    .noInstall {
        margin-bottom: 0.3rem;
    }

    .weChatHeader .weChatTitle {
        font-size: 0.3rem;
    }

    .weChatHeader .weChatSubTitle {
        font-size: 0.16rem;
        padding: 0 0.2rem;
    }

    .noInstall .weChat_noInstall_item {
        width: 80%;
        margin-bottom: 0.1rem;
        justify-content: flex-start;
    }


    .weChat_right h3 {
        font-size: 0.20rem;
        margin-bottom: 0.1rem;
    }

    .weChat_right p {
        font-size: 0.12rem;
        /*padding:0 0.2rem;*/
    }


    .weChat_applet_wrap {
        width: 100%;
        display: flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        background: rgba(226, 248, 232, 1);
        height: auto;
        margin-bottom: 0.5rem;
    }

    .weChat_applet .weChatContent {
        height: 1.2505rem;
        position: relative
    }

    .weChat_applet .weChatContent img {
        position: absolute;
        top: -150%;
        transform: scale(0.5);
    }


    .weChat_industry_item {
        width: 35%;
        padding: 0.2rem;
    }

    .btn_industry {
        width: 120%;
        margin-left: -10%;
    }

    .industryHeader p:last-child {
        height: 1.2rem;
    }


    .weChat_case .weChat_caseItem {
        width: 45%;
    }

    .weChat_case .weChat_caseItem .weChat_caseImg {
        height: auto;
    }


    /*weChat_detail*/
    .weChat_type {
        padding: 0.4rem 0;
    }

    .weChat_type_header {
        width: 40%;
    }

    .weChat_type_header.weChat_header_left {
        margin-left: 0.1rem;
        align-items: center;
    }

    .weChat_type_header.weChat_header_right {
        margin-right: 0.1rem;
        align-items: center;
    }

    .weChat_type_header p:last-child {
        width: 40%;
        text-align: center;
    }

    .weChat_type_func {
        width: 55%;
    }

    .weChat_func_item img {
        width: 100%;
        height: auto;
    }

    .wrap_bottom {
        padding: 0 0.2rem;
    }

    .wrap_bottom p:first-child {
        font-size: 0.28rem;
    }


}
@media screen and (max-width: 375px) {
   .weChat_banner {
        height: 2.3rem;  
        width: 100%;
        background:url("../img/common/ysylbanner.jpg") no-repeat center center; 
        background-size: 100% 100%;
        /* display: flex; */
        display: -moz-flex;
        display: -ms-flex;

    }
}